﻿@{
    ViewBag.Title = "Opcion";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script src="@Url.Content("~/Scripts/Mantenimiento/mantenimiento.opcion.nuevo.js")"></script>
<link href="~/Extentions/jqGrid-4.5.4/css/ui.jqgrid.css" rel="stylesheet" />
<script src="~/Extentions/jqGrid-4.5.4/js/i18n/grid.locale-es.js" type="text/javascript"></script>
<script src="~/Extentions/jqGrid-4.5.4/js/jquery.jqGrid.min.js" type="text/javascript"></script>
 <style>
     .ui-autocomplete {
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    /** html .ui-autocomplete {
        height: 100px;
    }*/
 </style>
<div id="divTitulo">
    <br />
    Mantenimiento de Opciones
</div>

<div  id="divFiltro" >
    <table class="tblFiltro"  style="border:2px;">
        <tr>
            <td colspan="9" style="height:20px;"> </td>
        </tr>
        <tr>
            <td style=" height:40px;" >Sistemas:</td>
            <td>
                <input type="text" id="txtSistemaFiltro" size="30"/>
                <input type="hidden" id="hidCodigoSistemaFiltro" />
            </td>
            <td>Modulos:</td>
            <td>
                <select id="ddlModuloFiltro"></select>
            </td>
            <td>Perfil:</td>
            <td><select id="ddlPerfilFiltro"></select></td>
                    
            <td>Situacion :</td>
        <td>
            <select id="ddlSituacionFiltro" >
                <option value="0">Todos</option>
                <option value="A">Activo</option>
                <option value="I">Inctivo</option>
            </select>
        </td>
            <td>
                <button id="btnBuscar"> Buscar</button>
                <button id="btnLimpiar">Limpiar</button>
            </td>
        </tr>
        <tr>
            <td colspan="9" style="height:20px;"> </td>
        </tr>
    </table>
</div>

<center>
    <table border="0"  style="width:90%;">
        <tr>
            <td  style="   direction:rtl;">
                <table>
                    <tr>
                        <td>
                             <button id="btnNuevo">Nuevo</button>
                            @*<a href="#"  id="btnNuevo"  > <img src="~/Imagen/boton/Bnuevo_on.gif" />                   </a> *@
                        </td>
                        <td>
                            <button id="btnEditar">Modificar</button>
                          @*  <a href="#"  id="btnEditar" > <img src="~/Imagen/boton/BIngresar_on.gif" />     </a> *@
                        </td>
                        <td>
                            <button id="btnEliminar">Eliminar</button>
                          @*  <a href="#"  id="btnEliminar" >  <img src="~/Imagen/boton/Beliminar_on.gif" />                         </a>*@
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table id="grid"></table>
                <div id="pager"></div> 
            </td>      
        </tr>
        <tr><td colspan="1" style=" height:30px;"></td></tr>
    </table>
</center> 

<input type="hidden" id="hidOpcion" />
<div id="mvNuevo">
    <table border="0" style=" width:100%;">
        <tr>
            <td>Codigo</td>
            <td><input type="text" id="txtCodigo" disabled="disabled" /></td>
        </tr>
        <tr>
            <td>Nivel :</td>
            <td>
                <div id="niveles">
                    <input type="radio" id="nivel1" name="nivel" checked="checked" value="1"/><label for="nivel1" id="lblNivel1">Superior</label>
                    <input type="radio" id="nivel2" name="nivel"  value="2"/><label for="nivel2" id="lblNivel2">Inferior</label>
                </div>
            </td>
        </tr>
        <tr>
            <td>Sistema :</td>
            <td><select id="ddlSistema"></select></td>
        </tr>
        <tr>
            <td>Modulo :</td>
            <td><select id="ddlModulo"></select></td>
        </tr>
        <tr>
            <td>Perfil :</td>
            <td><select id="ddlPerfil"></select></td>
        </tr>
        <tr>
            <td>Padre :</td>
            <td>
                <input type="text" id="txtNombrePadre" />
                <input type="hidden" id="hidCodigoPadre" />
            </td>
        </tr>
        <tr>
            <td>Nombre :</td>
            <td><input type="text" id="txtNombre" class="requerido"   size="30"/></td>
        </tr>
        <tr>
            <td>Descripcion :</td>
            <td><input type="text" id="txtDescripcion"  class="requerido"  size="30" /></td>
        </tr>
        <tr>
            <td>Ruta :</td>
            <td><input type="text" id="txtRuta" class="requerido" size="30"/></td>
        </tr>
        <tr>
            <td>Situación</td>
            <td>
                <select id="ddlSituacion">
                    <option value="A">Activo</option>
                    <option value="I">Inactivo</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <div id="aviso"></div>
            </td>
        </tr>
    </table> 
</div>
